<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes"><!-- 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../css/mui.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/mobile_reset.css">
    <link rel="stylesheet" href="../css/personal_center_new.css">
    <title>个人中心</title>
    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                var html = document.documentElement;
                var windowWidth = html.clientWidth;
                html.style.fontSize = windowWidth / 7.5 + 'px';
                // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
            }, false);
        })();

        // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
        // 那么 html.style.fontSize = windowWidth / 6.4 + 'px';
    </script>

</head>
<body>
    <div class="personal_center">
        <!--会员信息-->
        <div class="number_information clearfix">
            <div class="left numberType_box">
                <p class="fensi"><img src="../images/personal_center_new/gift_bg_label_default@2x.png" alt=""></p>
                <div class="number">
                    <p class="userName">liyingying</p>
                    <!--<p class="numberType_ordinary">普通会员</p>-->
                    <p class="numberType_vip">VIP会员</p>
                </div>
            </div>
            <div class="right number_time">
                <div class="information">
                    <span><img src="../images/nav_icon_inm_default@2x.png" alt=""></span>
                    <span>55</span>
                </div>
                <p class="number_btn">开通VIP会员，提高中奖率</p>
            </div>
        </div>
        <!--钱币记录-->
        <div class="money">
            <ul>
                <li>
                    <p><span><b>1999.00</b>元</span></p>
                    <p>可提现本金</p>
                </li>
                <li>
                    <p><span><b>1999.00</b>个</span></p>
                    <p>夺宝币</p>
                </li>
                <li>
                    <p><span><b>1999.00</b>币</span></p>
                    <p>赏金</p>
                </li>
            </ul>

            <div class="my_money clearfix">
                <p class="left">待平台返还本金：<span><b>1111.00</b>元(<b>100</b>笔)</span></p>
                <p class="right">冻结中赏金：<span><b>99</b>币</span></p>
            </div>
        </div>
        <!--新手礼包-->
        <div class="novice_packs clearfix">
            <div class="left novicePacks_title">
                <p>
                    <img src="../images/personal_center_new/gift_icon_small_default@2x.png" alt=""><br/>
                    <span>新手礼包</span>
                </p>
            </div>
            <div class="left novicePacks_explain">
                <p>
                    <span class="one">恭喜您获得一个18.8元现金礼包！</span><br/>
                    <span class="two">目前已领取：<b>10.00</b>元</span>
                </p>
            </div>
        </div>
        <!--个人中心———导航-->
        <div class="personalCenter_nav">
            <ul class="personalCenter_content">
                <li>
                    <ul>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="icon iconfont icon-jibenshezhi"></span>
                                <span>基本设置</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="icon iconfont icon-bdb"></span>
                                <span>绑定银行卡</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="icon iconfont icon-huiyuanguanli"></span>
                                <span>会员管理  </span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="icon iconfont icon-yaoqinghaoyou"></span>
                                <span>好友邀请</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="icon iconfont  icon-cf-c49"></span>
                                <span>资金记录</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="icon iconfont  icon-tixian"></span>
                                <span>本金提现</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="icon iconfont  icon-integral"></span>
                                <span>本金兑换夺宝币</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="icon iconfont  icon-duihuan"></span>
                                <span>赏金兑换本金</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="icon iconfont  icon-youxiaozhushou"></span>
                                <span>消息通知</span>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>

    </div>
</body>
<script src="../js/jquery-1.10.2.js"></script>
<script src="../js/mui.js"></script>
</html>













